<template>
<div class="explain">
  <div class="content">
    <h2>{{dataShow.title}}</h2>
    <div class="text" v-html="dataShow.content">
      <p>一.活动时间2019.10.1-10.31</p>
      <p>二.抽奖规则：<br/>
        1.本人每次有几次抽奖机会。<br/>
        2.可以分享给好友，大家一起抽大奖。</p>
    </div>
  </div>
</div>
</template>

<script>
export default{
  data:()=>{
    return{
      dataShow:''
    }
  },
  mounted(){
    this.dataShowFn();
  },
  methods:{
    dataShowFn(){
      this.http(this.api.getExplain,{
        a:''
      }).then(res=>{
        switch(parseInt(res.data.code,10)){
          case 0:
            this.dataShow=res.data;
            break;
          default:
            Toast(res.data.msg);
        }
      });
    }
  }
}
</script>

<style lang="scss" type="text/scss" scoped>
.explain{
  background-color:#f5a623;
  padding:20px;
  display:flex;
  flex-direction: column;
  .content{
    flex:1;
    overflow:auto;
    background-color:#FFF;
    padding:20px;
    color:#595959;
    h2{
      font-size:18px;
      padding-bottom:20px;
      border-bottom:1px solid #d8d8d8;
    }
    .text{
      margin-top:20px;
      font-size:14px;
      text-align:left;
      p{
        padding-bottom:15px;
      }
    }
  }
}
</style>
